<template>
  <div>
    <a-result status="warning" title="您确定要退出登录吗？">
      <template #extra>
        <a-button key="console" @click="exit" type="primary">
          退出登录
        </a-button>
        <a-button @click="back" key="buy"> 返回上页 </a-button>
      </template>

      <div class="desc">
        <p style="font-size: 16px">
          <strong>退出登录后：</strong>
        </p>
        <p>您只有再次登录后，才可以支付新的订单</p>
        <p>您只有再次登录后，才可以查询您的历史订单</p>
        <p>您只有再次登录后，才可以使用您的钱包</p>
        <p>
          <strong>若您在网吧等公共环境，非常建议您使用后退出</strong>
        </p>
      </div>
    </a-result>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
@Component
export default class Exit extends Vue {
  exit() {
    this.$store.dispatch('exit')
  }
  back() {
    this.$router.back()
  }
}
</script>

<style scoped>
</style>
